<template>
  <div flex justify-between items-center py1>
    <div flex justify-between items-center>
      <el-avatar :src="avatar" alt="" mx4 />
      <div>
        <div font-bold>{{ title }}</div>
        <div font-size-12px color-gray p-t-1 p-b-1>
          <!--          <van-icon v-if="check" name="checked" color-blue-5 />-->
          <uni-icons :type="icon" :color="iconColor"></uni-icons>
          {{ desc }}
        </div>
      </div>
    </div>
    <div mx4>
      <van-icon name="arrow" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'DkCustomAwemeUserCard',
  props: {
    iconColor: {
      type: String,
      default: '#F5472E'
    },
    icon: {
      type: String,
      default: ''
    },
    awemeId: {
      type: String,
      default: ''
    },
    avatar: {
      type: String,
      default: ''
    },
    title: {
      type: String,
      default: '官方客服'
    },
    desc: {
      type: String,
      default: '有问题咨询客服'
    },
    check: {
      type: Boolean,
      default: true
    }
  },
  computed: {}
}
</script>

<style scoped></style>
